<template>
	<view class="student">
		<view class="student-name">{{studentInfo.username}}</view>
		<view class="student-info">
			<view class="student-info-item">学号：{{studentInfo.studentNum}}</view>
			<view class="student-info-item">学院：{{studentInfo.academy}}</view>
		</view>
		<view class="student-info">
			<view class="student-info-item">专业：{{studentInfo.major}}</view>
			<view class="student-info-item">区队：{{studentInfo.team}}</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			studentInfo:{
				type:Object,
				default(){
					return {}
				}
			}
		},
	}
</script>

<style lang="scss" scoped>
	.student {
		background-color: #ffffff;
		box-shadow: 0 4upx 20upx 0 rgba(153, 153, 153, 0.15);
		border-radius: 8upx;
		border: solid 2upx #f7f7f7;
		padding: 40upx 22upx;
		margin-top: 40upx;
		&-name{
			font-size: 30upx;
			color: #333333;
		}
		&-info{
			font-size: 28upx;
			color: #333333;
			display: flex;
			padding-top: 40upx;
			&-item{
				flex: 1;
			}
		}
	}

</style>
